<template>
	<view>
		<CustomNavBar></CustomNavBar>
		<CustomTabBar :currentPage="currentPage"></CustomTabBar>
		<!-- 内容 -->
		<view class="content">
			
			<view class="wallet-container">
			  <!-- 钱包余额双栏 -->
			  <view class="balance-row">
			    <view class="balance-card">
			      <text class="balance-title">{{$t('MinePool.characters1')}}</text>
			      <text class="balance-value">{{assetsData.pool_balance || '0.00'}} {{currencyType}}</text>
			    </view>
			    <view class="balance-card">
			      <text class="balance-title">{{$t('MinePool.characters2')}}</text>
			      <text class="balance-value">{{assetsData.lockup_balance || '0.00'}} {{currencyType}}</text>
			    </view>
			  </view>
			
			  <!-- 锁仓收益 -->
			  <view class="locked-row">
			    <text class="locked-title">{{$t('MinePool.characters3')}}</text>
			    <text class="locked-value">{{currencyType}}</text>
			  </view>
			
			  <!-- 输入框组合 -->
			  <view class="input-group">
				  <view class="input-box">
					  <input
					    class="amount-input" 
					    type="number" 
					    placeholder="0"
						v-model="amount"
					    placeholder-style="color: #999;"
					  />
					  <view class="max-btn">
					    <text class="max-text">MAX</text>
					  </view>
				  </view>
			    <view class="unit">{{currencyType}}</view>
			  </view>
			</view>
			<!-- 天数选中 -->
			<view class="container">
			  <!-- 天数选择组 -->
			  
			  <view class="day-selector">
				  <view class="day-selector-flex">
					  <view
					    v-for="day in days" 
					    :key="day"
					    class="day-btn"
					    :class="{ active: selectedDay === day }"
					    @click="selectDay(day)"
					  >
					    <text>{{ day }}</text>
					  </view>
				  </view>
			    <text class="unit">{{$t('MinePool.characters5')}}</text>
			  </view>
			
			  <!-- 高级矿池按钮 -->
			  <view class="advanced-btn" @click="lockWarehouse">
			    <text>{{$t('MinePool.characters6')}}</text>
			  </view>
			
			  <!-- 流动性节点信息 -->
			  <view class="node-card">
			    <view class="node-title">
			      <text class="title-text">{{$t('MinePool.characters7')}}</text>
			      <image src="/static/xiaotu/start.png" class="arrow-icon" mode="aspectFit"/>
			    </view>
			    <text class="node-value">{{PlatformData.validNode}}</text>
			  </view>
			</view>
			<!-- 明细 -->
			<!-- 资产信息 -->
			<!-- <view class="divide-box">
				<view class="divide-info">
					<view class="divide">
						<image class="divide-img" src="/static/commonImg/sanjiao.png"></image>
						<view class="divide-title">{{$t('MinePool.characters11')}}</view>
						<view class="divide-nub">{{PlatformData.totalOutput}}</view>
					</view>
					<view class="divide">
						<image class="divide-img" src="/static/commonImg/canyu.png"></image>
						<view class="divide-title">{{$t('MinePool.characters9')}}</view>
						<view class="divide-nub">{{PlatformData.participant}}</view>
					</view>
					<view class="divide">
						<image class="divide-img" src="/static/commonImg/shouyi.png"></image>
						<view class="divide-title">{{$t('MinePool.characters10')}}</view>
						<view class="divide-nub">{{PlatformData.userRevenue}}</view>
					</view>
				</view>
			</view> -->
			
			<view class="divide-box">
				<view class="divide-info">
					<view class="divide">
						<view class="divide-center">
							<image class="divide-img" src="/static/commonImg/sanjiao.png"></image>
							<view class="divide-title">{{$t('MinePool.characters11')}}</view>
						</view>
						<view class="divide-nub">{{PlatformData.totalOutput}}</view>
					</view>
					<view class="divide">
						<view class="divide-center">
							<image class="divide-img" src="/static/commonImg/canyu.png"></image>
							<view class="divide-title">{{$t('MinePool.characters9')}}</view>
						</view>
						<view class="divide-nub">{{PlatformData.participant}}</view>
					</view>
					<view class="divide">
						<view class="divide-center">
							<image class="divide-img" src="/static/commonImg/shouyi.png"></image>
							<view class="divide-title">{{$t('MinePool.characters10')}}</view>
						</view>
						<view class="divide-nub">{{PlatformData.userRevenue}}</view>
					</view>
				</view>
			</view>
			
		</view>
	</view>
</template>

<script src="./index.js"></script>
<style src="./index.scss" lang="scss"></style>